<template>
  <div>
    <nuxt />
  </div>
</template>

<script>
  import {mapMutations} from 'vuex'

    export default {
      name: "noting",
      beforeMount(){
        let vm=this;
        let clientWidth=document.body.clientWidth || document.documentElement.clientWidth;
        if(clientWidth>=600){
          vm.SET_showImg(true);
        }else{
          vm.SET_showImg(false);
        }
      },
      mounted(){
        let vm=this;
        // 屏幕宽度监控
        window.onresize=function () {
          let clientWidth=document.body.clientWidth || document.documentElement.clientWidth;
          if(clientWidth>=600){
            vm.SET_showImg(true);
          }else{
            vm.SET_showImg(false);
          }
        };
      },
      methods:{
        ...mapMutations('base', [
          'SET_isPc',
          'SET_showImg'
        ]),
      },
    }
</script>

<style lang="stylus">
  @import "../stylus/color.styl"
  html {
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    font-size: 16px;
    word-spacing: 1px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
  }
  #nprogress .bar {
    background: $color-main !important; //自定义颜色
  }
</style>
